<template>
    <div class="center-box">
        <ul class="center-bar">
            
            <li class="centers">
                <div>
                    <van-icon name="wap-home" color="#000000"/>
                </div>
                <div class="adrss">收货地址</div>
            </li>
            
            <li class="centers">
                <div>
                    <van-icon name="vip-card" />
                </div>
                <div>VIP中心</div>
            </li>
            <li class="centers">
                <div>
                    <van-icon name="fire" />
                </div>
                <div>活力中心</div>
            </li>
            <li class="centers">
                <div>
                    <van-icon name="service" />
                </div>
                <div>客服小蜜</div>
            </li>
            <li class="centers">
                <div>
                    <van-icon name="coupon" />
                </div>
                <div>领券中心</div>
            </li>
            <li class="centers">
                <div>
                    <van-icon name="setting" />
                </div>
                <div>设置</div>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    name: "PersonalCenter",

}
</script>

<style scoped>
    .adrss {
        color: #000000;
    }
    .centers {
        height: 50px;
        line-height: 50px;
        padding-left: 20px;
        font-size: 18px;
        margin: 5px 0;
        border-bottom: #d4d4d4 solid 1px;
        display: flex;
    }
    .centers div {
        line-height: 50px;
        margin-right: 10px;
    }
    .centers div i {
        line-height: 50px;
    }
    .centers:nth-child(6) {
        border-bottom: #ffffff solid 1px;
    }
</style>